    <style include="settings-shared">
      site-favicon {
        --site-favicon-height: 20px;
        --site-favicon-width: 20px;
      }

      #outerRow {
        align-items: center;
        display: flex;
        min-height: var(--settings-row-two-line-min-height);
        width: 100%;
      }

      #innerRow {
        display: flex;
        flex-direction: row;
      }

      cr-checkbox {
        width: 100%;
      }

      site-favicon {
        padding-inline-end: 10px;
      }
      #innerRow secondary {
        padding-inline-start: 4px;
      }
    </style>

    <div id="outerRow">
      <cr-checkbox id="checkbox" checked="{{installedApp.isChecked}}"
          disabled="[[disabled]]">
        <div id="innerRow">
          <site-favicon url="[[installedApp.registerableDomain]]">
          </site-favicon>
          <div class="label">[[installedApp.appName]]</div>
          <div class="secondary label">
            &nbsp([[installedApp.registerableDomain]])
          </div>
        </div>
      </cr-checkbox>
    </div>
